* { margin:0; padding:0; word-break:break-all; }
body { font-size:13px; margin:0px; padding:0px; background-repeat: repeat-x; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; background-color: #f7f7f7; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; color: #CC0000; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
#cnzz_stat_icon_1275143337{margin: 0 auto;}
.c { clear:both; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.left { float:left; }
.right { float:right; }
.w1000 { width: 1000px; }
.center { margin-right: auto; margin-left: auto; }
.top { width: 100%; position: relative; z-index: 2; }
/* 分页 */
#pages { font-family:"宋体"; line-height: 35px; height: 35px; padding-top: 14px; padding-right: 0; padding-bottom: 10px; padding-left: 0; text-align: center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px }
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; border:1px solid #CC0000; color:#fff; text-align:center; padding:0 10px; background-color: #CC0000; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
/* 默认幻灯片 */
.FocusPic { zoom:1; position:relative; overflow:hidden; float: left; height: 380px; width: 260px; }
.FocusPic .content { overflow:hidden }
.FocusPic .changeDiv a { position:absolute; top:0px; left:0px; display:none; }
.FocusPic .title-bg, .FocusPic .title { position:absolute; left:0px; bottom:0; width:240px; height:30px; line-height:30px; overflow:hidden }
.FocusPic .title-bg { background:#000; filter:alpha(opacity=20); opacity:0.2; }
.FocusPic .title a { display:block; padding-left:15px; color:#fff; font-size:14px; }
.FocusPic .change { bottom:4px; height:20px; right:3px; *right:5px;
_right:4px; position:absolute; text-align:right; z-index:9999; }
.FocusPic .change i { background:#666; color:#FFF; cursor:pointer; font-family:Arial; font-size:12px; line-height:15px; margin-right:2px; padding:2px 6px; font-style:normal; height:15px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;
}
.FocusPic .change i.cur { background:#FF7700; }

/**图集**/
#DB_gallery { float: left; }
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top;}

#DB_gallery .DB_imgSet { position:relative; width:500px; height:360px; overflow:hidden; background-image: url(../images/product_prbg.jpg); background-repeat: no-repeat; background-position: center center; padding: 7px; }
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet { position:relative; margin-top:10px; width:510px; overflow:hidden }
#DB_gallery .DB_thumSet .DB_thumMove{ position:relative; white-space:nowrap; font-size:0; height: 75px; }
#DB_gallery .DB_thumSet .DB_thumMove li{ display:inline; margin-right:8px; margin-top: 4px; }
#DB_gallery .DB_thumSet .DB_prevPageBtn{ position:absolute; top:0; cursor:pointer; left:0; z-index: 999; }
#DB_gallery .DB_thumSet .DB_nextPageBtn{ position:absolute; top:0; cursor:pointer; right:0; z-index: 999; }
#DB_gallery .DB_thumSet .DB_thumLine{ position:absolute; width:70px; height:65px; border:5px solid #ff0000; left:0; top:0 }

.top1 { line-height: 30px; height: 30px; width: 100%; position: relative; }
.top1 span { float: right; height: 30px; padding-right: 10px; color: #333333; position: relative; }
.top1 span a { color:#333333; text-decoration:none; padding-left:8px; padding-right:8px;}.so { float: right; height: 25px; width: 220px; line-height: 25px; padding-top: 5px; position: relative; }

.so .text{ border: 1px solid #e5e5e7; height: 20px; width: 125px; background-color: #fff; background-image: url(../images/so.png); background-repeat: no-repeat; background-position: 2px center; float: left; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 25px; }
.so .button{ background: #313b49; border: none; color: #fff; height: 22px; width: 60px; vertical-align: middle; text-align: center; cursor:pointer; float: left; }
.logo { float: left; height: 90px; }
.top1 .weixin{
	display:none;
	width:120px;
	height:120px;
	background:#000;
	position:absolute;
	left:770px;
	top:10px;
	}
.top_tel { float: right; height: 40px; background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: left center; line-height: 40px; padding-top: 25px; padding-bottom: 25px; padding-left: 60px; font-size: 26pt; font-weight: normal; color: #333333; font-family: Georgia, "Times New Roman", Times, serif; }

.nav{
	width:100%;
	height:43px;
	background-position: center top;
	background-color: #3b3b3b;
}
.nav li{ float:left; width: 111px; height:43px; line-height:43px; text-align:center; font-size:15px; position:relative; }
.nav li a{ color:#FFFFFF; text-decoration:none; display:block; }
.nav li a.link{float:left;width: 111px;}
.nav ul li a:hover{ display:block; background-color: #e02e2e; }
.nav dl{ width:108px; font-size:12px; position:absolute; top:43px; left:0px; background-color: #FFFFFF; background-image: url(../images/sonnvbg.jpg); background-repeat: repeat-x; }
.nav dl dd { height:30px; line-height:30px;}
.nav dl dd a{ color:#333333; }
.nav dl dd a:hover{ color:#FFFFFF; background:#e02e2e; opacity:0.9; }
.nav  .nav_line { background-image: url(../images/nav_line.png); background-repeat: no-repeat; background-position: left top; float: left; height: 43px; width: 2px; }

.nav  .p_class2 { float: left; width: 250px; margin-bottom: 5px; text-align:left; padding-top: 5px; }
.nav .p_class2_title { font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; float: left; height: 30px; width: 250px; display:block; }
/*.nav  .p_class2_title:hover { font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; float: left; height: 30px; width: 250px; background-color: #000000; background-image: none; }
.nav .p_class2_title:hover a { color:#FFFFFF; text-decoration:none;}*/
.nav  .p_class2_title a { color:#CC0000; text-decoration:none; display:block:}
.nav  .p_class2_title a:hover { color:#FFFFFF; text-decoration:none; background-color: #000000; background-image: none;}
.nav  .p_class2_list { float: left; width: 245px; padding-top: 5px; text-align: left; background-image: url(../Images/sonnavline.jpg); background-repeat: no-repeat; background-position: right center; height: 300px; padding-right: 5px; }
.nav  .p_class2_ul { margin:0px; padding:0px; list-style-type:none; background-image: none;}
.nav  .p_class2_list .p_class2_ul dt { line-height: 30px; float: left; height: 30px; width: 230px; overflow: hidden; white-space: nowrap; padding-left: 15px; display:block; text-align: left; background-image: none; border-bottom-style: none; font-size: 13px; font-weight: normal; color: #333333; }
.nav  .p_class2_list .p_class2_ul dt a { color:#333333; text-decoration:none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; background-color: none; display:block }
.nav  .p_class2_list .p_class2_ul dt a:hover { color:#FFFFFF; text-decoration:none; line-height:30px; background-color: #000000; background-image: none; }
.nav  .p_class2_list .p_class2_ul dt:hover { color:#FFFFFF; text-decoration:none; display:block; background-image: none; background-color: #000000; }
.nav  .p_class2_list .p_class2_ul dt:hover a { color:#FFFFFF; text-decoration:none;}

.banner { width:100%; position: relative; }
.flexslider { position: relative; height: 420px; overflow: hidden; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: 50%; }
.slides { position: relative; z-index: 1;}
.slides li { height: 420px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; cursor: pointer; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: right 0; }
.flex-control-nav .flex-active { background-position: 0 0;}
.main0 { width: 100%; padding-top: 25px; padding-bottom: 25px; }
.about { padding: 10px; float: left; width: 300px; }
.about span { text-align: center; float: left; width: 300px; }
.about p { font-size: 14pt; line-height: 40px; font-weight: bold; color: #333333; text-align: center; float: left; height: 40px; width: 300px; margin-top: 10px; }
.about dt { line-height: 22px; color: #666666; float: left; width: 300px; }
.c_title { text-align: center; float: left; width: 1000px; }
.main1 { background-color: #E8E8E8; width: 100%; padding-top: 15px; padding-bottom: 15px; position: relative; }
#about_title { background-image:url(../images/about2.png); background-repeat: no-repeat; background-position: 80px center; }
#youshi_title { background-image:url(../images/youshi2.png); background-repeat: no-repeat; background-position: 80px center; }
#contact_title { background-image:url(../images/contact2.png); background-repeat: no-repeat; background-position: 80px center; }.index_products { float: left; width: 1000px; padding-top: 10px; position: relative; padding-bottom: 30px; }

/*tab1*/
.tab1 { float: left; height: 50px; width: 1000px; line-height: 50px; background-image: url(images/center_titlebg.gif); background-repeat: no-repeat; }
#myTab { margin: 0px; padding: 0px; list-style-type: none; }
.tab1 li{ float: left; cursor: pointer; height: 50px; text-align: center; line-height: 50px; font-size: 15px; background-color: #C1C1C1; color: #333333; padding: 0px; width: 150px; margin-top: 0px; margin-bottom: 0px; margin-right: 30px; margin-left: 0px; }
.tab1 li a,.tab1 li a:visited,.tab1 li a:link{ color:#000000; text-decoration: none; }
.tab1 li a:hover{ color:#CC0000; text-decoration: underline; line-height: 50px; height: 50px }
.tab1 .active { text-decoration: none; height:50px; background-color: #e02e2e; color: #FFFFFF; line-height: 50px; }
.TabContent{ display: block; height:300px; float: left; width: 1000px; overflow: hidden; padding-top: 15px; position: relative; }
 #myTab_Content0 { float: left; height: 300px; width: 1000px; overflow: hidden; padding-bottom: 5px; }
 #myTab_Content1 { float: left; height: 300px; width: 1000px; } 
 #myTab_Content2 { float: left; height: 300px; width: 1000px; } 
  #myTab_Content3 { float: left; height: 300px; width: 1000px; margin-bottom: 5px; } 
.ml30 { margin-left:30px;}
.p_list { margin: 0px; padding: 0px; position: relative; float: left; width: 1000px; }
.p_list li { float: left; height: 280px; width: 230px; background-color: #FFFFFF; padding: 4px; border: 1px solid #e2e2e2; position: relative; display:block; }
.p_list p { font-size: 16px; line-height: 30px; font-weight: bold; color: #333333; float: left; height: 30px; width: 230px; position: relative; }
.p_list dt { line-height: 20px; color: #666666; float: left; width: 230px; padding-top: 5px; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; height: 40px; position: relative;

 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
 }
.p_list span { float: left; width: 230px; position: relative; }
.p_list i{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #e02e2e; float: left; text-align: center; visibility:hidden; position: absolute; top: 173px; right: 10px; }
.p_list em{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #FF6600; float: left; text-align: center; visibility:hidden;position: absolute; top: 173px; right: 70px; }

.p_list li:hover { float: left; height: 280px; width: 230px; background-color: #FFFFFF; padding: 4px; border: 1px solid #CC0000; position: relative; display:block; }
.p_list li:hover  i{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #e02e2e; float: left; text-align: center; visibility:visible; position: absolute; top: 173px; right: 10px; }
.p_list li:hover  em{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #FF6600; float: left; text-align: center; visibility:visible; position: absolute; top: 173px; right: 70px; }

.ml13 { margin-left:10px;}

/*move pic*/
#movepic { float: left; height: 200px; width: 1000px; overflow: hidden; padding-bottom: 30px; }
.move_left { float: left; height: 185px; width: 20px; background-image: url(../images/pleft.png); background-repeat: no-repeat; background-position: center; }
.move_right { float: right; height: 185px; width: 20px; background-image: url(../images/pright.png); background-repeat: no-repeat; background-position: center; }
.pcont { width:950px; float:left; overflow:hidden; padding-left:5px; padding-top: 5px; padding-bottom: 5px; }
 .ScrCont1 { width:32766px; zoom:1; margin-left:-5px; }
 #List1_1,  #List2_1 { float:left; }
.case_list2 { margin: 0px; padding: 0px; position: relative; }
.case_list2 i { float: right; height: 30px; width: 80px; position: absolute; top: 2px; right: 2px; z-index: 10; font-style: normal; line-height: 30px; background-color: #e02e2e; text-align: center; visibility:hidden; }

.case_list2 li { float: left; height: 184px; width: 180px; background-color: #FFFFFF; display:block; margin: 5px; position:relative; }
.case_list2 span { float: left; height: 150px; width: 176px; border: 2px solid #FFFFFF; position: relative; z-index: 1; }
.case_list { float: left; width: 1000px; margin-top: 5px; position: relative; }
.case_list2 dt { line-height: 30px; text-align: center; float: left; height: 30px; width: 180px; position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all; }
.case_list2 li:hover { float: left; height: 184px; width: 180px; background-color: #FFFFFF; display:block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CC0000; margin-top: 5px; margin-right: 5px; margin-bottom: 3px; margin-left: 5px; }
.case_list2 li:hover   i { float: right; height: 30px; width: 80px; position: absolute; top: 70px; z-index: 10; font-style: normal; line-height: 30px; background-color: #e02e2e; text-align: center; visibility:visible; left: 60px; }
.case_list2 li:hover img {opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8  */ filter:alpha(opacity=80);    /* ie5-7  */ -moz-opacity:0.80;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.80;}
.index_news { float: left; width: 560px; padding-bottom: 10px; }
#title_news { background-image: url(../images/later.png); background-repeat: no-repeat; background-position: center center; height: 57px; width: 560px; }
#title_service { background-image: url(../images/service.png); background-repeat: no-repeat; background-position: center center; height: 57px; width: 400px; }
.news_title { height: 57px; width: 100%; line-height:57px;}
.news_title span { float:right; padding-right:50px; line-height:47px; height:47px;}
.news_list { float: left; width: 560px; padding-top: 8px; padding-bottom: 8px; }
.news_piclist { float: left; width: 240px; }
.news_first { float: left; width: 560px; padding-top: 5px; padding-bottom: 5px; }
.news_first li { float: left; width: 560px; }
.news_first span { float: left; height: 90px; width: 120px; }
.news_first p { font-size: 14px; line-height: 30px; color: #333333; float: right; height: 30px; width: 420px; font-weight: bold; }
.news_first dt { line-height: 18px; color: #666666; float: right; width: 410px; padding-top: 5px; padding-right: 10px; }
.news_list2 { float: left; width: 560px; margin-top: 5px; padding-top: 5px; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; }
.news_list2 li { line-height: 35px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; float: left; height: 35px; width: 550px; padding-left: 10px; }
.news_list2 span { line-height: 35px; color: #666666; float: right; height: 35px; padding-right: 10px; }
.jishu { float: right; width: 400px; padding-bottom: 10px; }
.jishu_title { height: 57px; width: 100%; line-height:57px;}
.jishu_title span { float:right; padding-right:30px; line-height:47px; height:47px;}
.jishu_list { float: left; width: 400px; padding-top: 8px; padding-bottom: 8px; }
.jishu_list li { line-height: 35px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; float: left; height: 35px; width: 390px; padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all; }
.jishu_list span { line-height: 35px; color: #666666; float: right; height: 35px; padding-right: 10px; }
.links { float: left; width: 1000px; margin-top: 10px; margin-bottom: 30px; line-height: 22px; color: #333333; }
.links a { color:#666666; text-decoration:none;}
.links a:hover { color:#e02e2e; text-decoration:none;}
.bottom {
	background-color: #3b3b3b;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
.left_bottom { width:700px; float:left; position: relative; }
.bottom_menu a { color:#999999; text-decoration:none; padding-left:5px; padding-right:5px; }
.bottom_menu { line-height: 30px; color: #999999; float: left; height: 30px; width: 700px; }
.bottom_info { line-height: 25px; color: #999999; float: left; width: 700px; padding-top: 8px; }
.bottom_info a { color:#999999; text-decoration:none;}
.bottom_info a:hover { color:#FFFFFF; text-decoration:none; }
.bottom_right { float: right; width: 300px; position: relative; }
.bottom_logo { text-align: right; float: left; width: 300px; background-image: url(../images/bottom_logo.png); background-repeat: no-repeat; background-position: right center; height: 81px; }
.backtop { height: 60px; width: 60px; position: absolute; top: -40px; right: -100px; }
.banner2 { background-repeat: repeat-x; background-position: center top; width: 100%; }
#banner_about { background-image:url(../images/banner_about.png); height:120px;}
#banner_news { background-image:url(../images/banner_news.png); height:160px;}
#banner_products { background-image:url(../images/banner_products.png); height:160px;}
#banner_pic { background-image:url(../images/banner_pic.png); height:120px;}

.main_title { background-image: url(../images/title-bg.png); background-repeat: no-repeat; float: left; height: 56px; width: 1000px; margin-top: 10px; }
.main_title p { font-size: 18pt; line-height: 56px; font-weight: bold; color: #333333; text-align: center; float: left; height: 56px; width: 210px; padding-left: 60px; }
.main_title span { font-size: 13px; line-height: 30px; font-weight: normal; float: right; height: 30px; padding-right: 20px; color: #333333; }
.main_title span a { color:#333333; text-decoration:none;}.mianbg { background-image: url(../images/mianbg.png); background-repeat: repeat-y; float: left; width: 960px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; position: relative; }
.page_read { line-height: 28px; color: #333333; float: left; width: 940px; padding: 10px; }
.nav2 { float: left; height: 40px; width: 960px; margin-bottom: 15px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
.nav2 li { line-height: 40px; color: #333333; background-color: #c1c1c1; float: left; height: 40px; margin-right: 15px; padding-right: 15px; padding-left: 10px; display:block; }
.nav2 li a { color:#333333; text-decoration:none;}
.nav2 li:hover { line-height: 40px; color: #FFFFFF; background-color: #e02e2e; float: left; height: 40px; margin-right: 15px; padding-right: 15px; padding-left: 10px; }
.nav2 li:hover a { color:#FFFFFF; text-decoration:none;}
.nav2 .cur2 { line-height: 40px; color: #FFFFFF; background-color: #e02e2e; float: left; height: 40px; margin-right: 15px; padding-right: 15px; padding-left: 10px; }
.nav2 .cur2 a { color:#FFFFFF; text-decoration:none;}
.page_bottom { background-image: url(../images/bottombg.png); background-repeat: no-repeat; background-position: center top; float: left; height: 68px; width: 1000px; }
.list { padding: 10px; float: left; width: 940px; position: relative; }
.list_txt { margin: 0px; padding: 0px; }
.list_txt li { float: left; width: 940px; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e2e2e2; }
.list_txt span { float: left; height: 90px; width: 120px; padding-top: 5px; padding-bottom: 5px; }
.list_txt p { font-size: 14px; line-height: 35px; font-weight: bold; float: right; height: 35px; width: 785px; background-image: url(../images/ico-5.png); background-repeat: no-repeat; background-position: 2px center; padding-left: 15px; }
.times { font-size: 12px; font-style: normal; line-height: 35px; font-weight: normal; color: #666666; float: right; height: 35px; padding-right: 10px; }
.list_txt dt { line-height: 22px; color: #666666; float: right; width: 800px; padding-top: 5px; height: 45px; }
.read { padding: 10px; float: left; width: 940px; margin-top: 8px; }
.read_title { font-size: 18pt; line-height: 35px; font-weight: bold; color: #333333; text-align: center; float: left; width: 940px; }
.read_info { float: left; height: 30px; width: 940px; padding-top: 8px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height: 30px; color: #666666; text-align: center; }
.read_content { line-height: 28px; color: #333333; float: left; width: 940px; padding-top: 10px; padding-bottom: 10px; }
.page_about { line-height: 35px; float: left; height: 35px; width: 940px; margin-top: 10px; }
.page_up { line-height: 35px; float: left; height: 35px; width: 465px; color: #333333; }
.read_about { float: left; width: 940px; margin-top: 10px; border-top-width: 4px; border-top-style: solid; border-top-color: #e02e2e; position: relative; }
.read_about_t { font-size: 15px; line-height: 35px; background-color: #f0f0f0; float: left; height: 35px; width: 940px; }
.read_about_t span { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 465px; }
.read_about_list { margin: 0px; float: left; width: 465px; padding-top: 5px; padding-bottom: 5px; }
.read_about_list li { line-height: 30px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; float: left; height: 30px; width: 450px; padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all; }
.share { line-height: 35px; float: left; height: 35px; width: 910px; margin-top: 8px; margin-bottom: 8px; padding-left: 30px; }
.list_pic2 { margin: 0px; padding: 0px; }
.list_pic2 li { padding: 4px; float: left; width: 215px; border: 1px solid #e2e2e2; display:block; position: relative; margin-top: 8px; margin-bottom: 8px; }
.list_pic2 span { float: left; width: 215px; position: relative; height:190px; }
.list_pic2 p { line-height: 30px; float: left; height: 30px; width: 215px; font-size: 15px; font-weight: bold; position: relative; }
.list_pic2 dt { line-height: 20px; color: #666666; float: left; height: 40px; width: 215px; padding-top: 5px; position: relative;

 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
 }
.list_pic2 i{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #e02e2e; float: left; text-align: center; visibility:hidden; position: absolute; top: 163px; right: 4px; }
.list_pic2 em{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #FF6600; float: left; text-align: center; visibility:hidden;position: absolute; top: 163x; right: 65px; }

.list_pic2 li:hover { padding: 4px; float: left; width: 215px; border: 1px solid #e02e2e; position: relative; margin-top: 8px; margin-bottom: 8px; }
.list_pic2 li:hover  i{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #e02e2e; float: left; text-align: center; visibility:visible; position: absolute; top: 164px; right: 4px; }
.list_pic2 li:hover em{ width:55px; height:30px; font-style: normal; line-height: 30px; background-color: #FF6600; float: left; text-align: center; visibility:visible;position: absolute; top: 164px; right: 65px; }
.read_products { padding: 10px; float: left; width: 940px; margin-top: 8px; }.read2_flash { float: left; width: 520px; position: relative; }
.read_p1 { float: left; width: 940px; position: relative; }
.read_info2 { float: right; width: 400px; }
.read_title2 { font-size: 18pt; line-height: 30px; font-weight: bold; color: #e02e2e; width: 400px; margin-bottom: 5px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; }
.read_info2 dt { line-height: 22px; color: #666666; float: left; width: 400px; }
.read_title3 { font-size: 15px; line-height: 35px; font-weight: bold; color: #e02e2e; float: left; height: 35px; width: 920px; padding-left: 20px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #e2e2e2; margin-bottom: 5px; }
.read_title3 span { float: left; height: 34px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #e02e2e; }
.order { float: left; width: 800px; padding-left: 70px; }
.table_form { float: left; line-height:30px; font-size:13px; font-weight:normal; }
.table_form td,.table_form tr { line-height:30px; padding:4px;}
.input-text { line-height:25px; margin-top:5px; color:#333333; height: 25px; width: 220px; }
.input_s2 { width:70px; background-image: url(../images/product_tijiao.jpg); background-repeat: no-repeat; background-position: center center; float: left; height: 26px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.input_s3 { width:70px; background-image: url(../images/product_tianxie.jpg); background-repeat: no-repeat; background-position: center center; height: 26px; margin-left: 15px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.list_pic { margin: 0px; padding: 0px; float: left; width: 940px; }
.list_pic li { padding: 4px; float: left; width: 168px; background-color: #FFFFFF; margin: 5px; border: 1px solid #e2e2e2; position: relative; display:block }
.list_pic span { float: left; width: 168px; }
.list_pic p { line-height: 20px; float: left; height: 40px; width: 168px; padding-top: 8px; }
.list_pic i { float: right; height: 30px; width: 80px; position: absolute; top: 50px; z-index: 10; font-style: normal; line-height: 30px; background-color: #e02e2e; text-align: center; visibility:hidden; left: 50px; }
.list_pic li:hover { padding: 4px; float: left; width: 168px; background-color: #FFFFFF; margin: 5px; position: relative; display:block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e2e2e2; border-right-color: #e2e2e2; border-bottom-color: #e02e2e; border-left-color: #e2e2e2; }

.list_pic li:hover  i { float: right; height: 30px; width: 80px; position: absolute; top: 50px; z-index: 10; font-style: normal; line-height: 30px; background-color: #e02e2e; text-align: center; visibility:visible; left: 50px; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8  */ filter:alpha(opacity=80);    /* ie5-7  */ -moz-opacity:0.80;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.80;}
.list_pic li:hover img {}
#title_jianjie { background-image: url(../images/c_title.png); background-repeat: no-repeat; background-position: center center; height: 120px; width: 1000px; }
#title_products { background-image: url(../images/prodisplay.png); background-repeat: no-repeat; background-position: center center; height: 120px; width: 1000px; }


#title_case { background-image: url(../images/case.png); background-repeat: no-repeat; background-position: center center; height: 120px; width: 1000px; }
#about_1 { background-image: url(../images/about.png); background-repeat: no-repeat; background-position: center center; height: 136px; }
#about_2 { background-image: url(../images/youshi.png); background-repeat: no-repeat; background-position: center center; height: 136px; }
#about_3 { background-image: url(../images/contact.png); background-repeat: no-repeat; background-position: center center; height: 136px; }